<template>
    <div class="home">
        <!-- <img src="@/assets/images/common/index.png" alt="" /> -->
        <el-col :span="12" class="form-content">
            <div class="hom-rishcontrolaudit">
                <RiskControlAudit></RiskControlAudit>
            </div>
            <div class="home-IndicatorsWarning">
                <IndicatorsWarning></IndicatorsWarning>
            </div>
        </el-col>
        <el-col :span="12" class="col-box">
            <RemindProject></RemindProject>
        </el-col>
    </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import RiskControlAudit from './components/risk-control-audit.vue';
import IndicatorsWarning from './components/indicators-warning.vue';
import RemindProject from './components/remind-project.vue';

@Component({
    name: 'RiskIndex',
    components: { RiskControlAudit, IndicatorsWarning, RemindProject },
})
export default class RiskIndex extends Vue {}
</script>

<style lang="scss" scoped>
.home {
    min-width: 1000px;
    padding: 10px 10px 0 10px !important;
    // height: 100vh;
    // border: 2px solid red;
    overflow: scroll;
    // .form-content {
    //     border-right: 1px solid purple;
    // }
    .hom-rishcontrolaudit {
        padding-right: 15px;
        // border: 2px solid green;
    }
    .home-IndicatorsWarning {
        padding-top: 20px;
        padding-right: 15px;
        // border: 2px solid blue;
    }
    .col-box {
        // overflow: scroll;
        height: calc(100vh - 30px);
    }
}
</style>
